<template>
  <view class="defult-main">
    <view class="content">
      <text class="title">欢迎光临</text>
      <text class="name">助餐小店</text>
      <text class="sub-title">期待与您的每一次相遇</text>
    </view>
    <view class="img-preson"> <u-image :src="imgPreson" mode="aspectFill" width="90vh" height="90vh"></u-image> </view>
  </view>
</template>
<script setup>
import imgPreson from "/static/images/img-preson.svg";
</script>
<style lang="scss" scoped>
.defult-main {
  padding: 50rpx;
  position: relative;
  height: 100vh;
  box-sizing: border-box;
  overflow: hidden;

  .content {
    display: flex;
    flex-direction: column;
    margin-left: 20rpx;

    .title {
      font-size: 60rpx;
      font-weight: bold;
      line-height: 62rpx;
    }
    .name {
      font-size: 60rpx;
      font-weight: bold;
      line-height: 62rpx;
      color: var(--kui-color-theme);
    }
    .sub-title {
      font-size: 24rpx;
      color: lightgray;
    }
  }

  .img-preson {
    position: absolute;
    right: 20rpx;
    bottom: -30rpx;
  }
}
</style>
